@charset "utf-8";
nav li:nth-of-type(1),
nav li:nth-of-type(3){background:none;}
nav li:nth-of-type(4){background:#5c5c5c;}
.setup{width:986px; margin:40px auto;}
aside ul{width:100%;}
aside ul li{border-bottom:4px solid #fff; border-bottom:4px solid #fff; height:72px; display:box; display:-moz-box; display:-webkit-box; line-height:72px; transition: all 0.3s ease 0.3s; width:91.26%; 
padding-left:21px;}
aside ul li a{font-size:24px; color:#222; width:17.82%;color:#333; font-weight:100; width:81.18%;}
aside ul li:hover{ border-bottom:4px solid #fa9634;}
aside{float:left; width:220px;border-right:1px solid #bbbbbb; padding-right:20px;}
section{float:left; line-height:30px; color:#000; width:690px; margin-left:52px;}
section p{ text-indent: 32px;  font-size:16px; text-align: justify; padding-top:10px;}
section p:first-of-type{padding-top:33px;}
.setup section:nth-of-type(2) p{text-indent:0; line-height:28px; font-size:16px;}
#big{width:690px; transition: all 0.3s ease 0.3s;  height:400px; margin:0px auto; background-size: 100% 100%;}
#big:hover{ opacity: 0.8;}
#petty{width:660px; padding: 13px 15px; background:#000; display:box; display:-moz-box; display:-webkit-box;}
#petty li{width:110px; height:65px; margin-right:27px; }
@media screen and (max-width:1000px )and (min-width :808px ) {
	.setup{width:100%;}
	aside{float:none; width:95%; border-right:0px; padding:0px; margin:0px auto;}
	section{float:none; width:95%; margin:0px auto; }
	aside ul{width:100%; display:box; display:-moz-box; display:-webkit-box;}
	aside ul li{ width:15%; text-align:center; margin-right:1.6%; height:36px; padding:0px; line-height:36px;}
	aside ul li a{font-size:14px; width:100%;}
	#big{width:100%; transition: all 0.3s ease 0.3s;  height:300px; margin:10px auto; background-size: 100% 100%;}
	#big:hover{ opacity: 0.8;}
	#petty{width:0%; padding:0; display:none; background:#000; display:box; display:-moz-box; display:-webkit-box;}
	#petty li{width:110px; height:65px; display:none; margin-right:0px;}
}
@media screen and (max-width:808px )and (min-width :700px)
{
	.setup{width:100%;}
	aside{float:none; width:95%; border-right:0px; padding:0px; margin:0px auto;}
	section{float:none; width:95%; margin:0px auto; }
	aside ul{width:100%; display:box; display:-moz-box; display:-webkit-box;}
	aside ul li{ width:15%; text-align:center; margin-right:1.6%; height:36px; padding:0px; line-height:36px;}
	aside ul li a{font-size:14px; width:100%;}
	#big{width:100%; transition: all 0.3s ease 0.3s;  height:250px; margin:10px auto; background-size: 100% 100%;}
	#big:hover{ opacity: 0.8;}
	#petty{width:0%; padding:0; display:none; background:#000; display:box; display:-moz-box; display:-webkit-box;}
	#petty li{width:110px; height:65px; display:none; margin-right:0px;}	
}
@media screen and (max-width:700px ){
	.setup{width:100%;}
	aside{float:none; width:95%; border-right:0px; padding:0px; margin:0px auto;}
	section{float:none; width:95%; margin:0px auto; }
	aside ul{width:100%; display:box; display:-moz-box; display:-webkit-box;}
	aside ul li{ width:15%; text-align:center; margin-right:1.6%; height:36px; padding:0px; line-height:36px;}
	aside ul li span{display:none;}
	aside ul li a{font-size:10px; display:block; width:100%;}
	#big{width:100%; transition: all 0.3s ease 0.3s;  height:200px; margin:10px auto; background-size: 100% 100%;}
	#big:hover{ opacity: 0.8;}
	#petty{width:0%; padding:0; display:none; background:#000; display:box; display:-moz-box; display:-webkit-box;}
	#petty li{width:110px; height:65px; display:none; margin-right:0px;}
}